<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>janeshop</title>
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
git连接
    <div class="container">
        <div class="head">
            <div class="wrapper">
                <h1><a href=""><img src="assets/img/logo.gif" alt=""></a></h1>
                <div class="search">
                    <input type="text" value="请输入商品名称">
                </div>
                <div class="theme">
                    <ul class="clear">
                        <li class="blue"><a href="" >蓝色</a></li>
                        <li class="purple"><a href="" >紫色</a></li>
                        <li class="red"><a href="" >红色</a></li>
                        <li class="skyblue"><a href="" >天蓝色</a></li>
                        <li class="orange"><a href="" >橙色</a></li>
                        <li class="light-green"><a href="" >淡绿色</a></li>
                    </ul>
                </div>
                <div class="nav">
                    <ul class="clear">
                        <li><a href="">首 页</a></li>
                        <li><a href="">品 牌</a>
                        <div class="jnNav">
                            <dl class="fore">
                                <dt>
                                    <a href="">品牌:</a>
                                </dt>
                                <dd>
                                    <i>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>

                                    </i>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="">品牌:</a>
                                </dt>
                                <dd>
                                    <i>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>
                                        <a href="">耐克</a>

                                    </i>
                                </dd>
                            </dl>

                        </div></li>

                        <li><a href="">女 装</a></li>
                        <li><a href="">男 装</a></li>
                        <li><a href="">鞋包配饰</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="janeshop-mainbody clear">
            <div class="content clear">
                <div class="goods-classification">
                    <span class="classification-title">商品分类</span>
                    <div class="classification-list">
                        <h3 class="recommend-brand">推荐品牌</h3>
                        <ul class="clear">
                            <li><a href="">耐克</a></li>
                            <li><a href="" class="promoted">阿迪达斯
                            <span class="hot1">hot</span></a></li>
                            <li><a href="">达芙妮</a></li>
                            <li><a href="">李宁</a></li>
                            <li><a href="">安踏</a></li>
                            <li><a href="">奥康</a></li>
                            <li><a href="" class="promoted">骆驼
                            <span class="hot2">hot</span></a></li>
                            <li><a href="">特步</a></li>
                        </ul>
                        <h3 class="woman-suit">女装</h3>
                        <ul class="clear">
                            <li><a href="">呢大衣</a></li>
                            <li><a href="">T恤</a></li>
                            <li><a href="">羽绒</a></li>
                            <li><a href="">寸衫</a></li>
                            <li><a href="">羊绒衫</a></li>
                            <li><a href="">针织</a></li>
                            <li><a href="">连衣裙</a></li>
                            <li><a href="">皮外套</a></li>
                        </ul>
                        <h3 class="man-suit">男装</h3>
                        <ul class="clear">
                            <li><a href="">衬衫</a></li>
                            <li><a href="">T恤衫</a></li>
                            <li><a href="">夹克</a></li>
                            <li><a href="">大皮衣</a></li>
                            <li><a href="">风衣</a></li>
                            <li><a href="">牛仔裤</a></li>
                            <li><a href="">西服</a></li>
                            <li><a href="">卫衣</a></li>
                        </ul>
                        <h3 class="shoes">鞋包配饰</h3>
                        <ul class="clear">
                            <li><a href="">围巾</a></li>
                            <li><a href="">旅行箱</a></li>
                            <li><a href="">真皮包</a></li>
                            <li><a href="">韩版</a></li>
                            <li><a href="">达芙妮</a></li>
                            <li><a href="">单肩包</a></li>
                            <li><a href="">毛线</a></li>
                            <li><a href="">清仓靴子</a></li>
                        </ul>
                    </div>
                </div>
                <div class="right-main">
                    <div class="center-pic">
                        <ul class="main-pic">
                            <li class="one"><a href=""><img src="assets/img/1.jpg" alt=""></a></li>
                            <li><a href=""><img src="assets/img/2.jpg" alt=""></a></li>
                            <li><a href=""><img src="assets/img/3.jpg" alt=""></a></li>
                            <li><a href=""><img src="assets/img/4.jpg" alt=""></a></li>
                            <li><a href=""><img src="assets/img/5.jpg" alt=""></a></li>
                        </ul>
                        <ul class="pic-tag">
                            <li class="three"><a href="">相约情人节
                                全场119元起</a></li>
                            <li><a href="">相约情人节 全场119元起</a></li>
                            <li><a href="">相约情人节 全场119元起</a></li>
                            <li><a href="">相约情人节 全场119元起</a></li>
                            <li><a href="">相约情人节 全场119元起</a></li>
                        </ul>
                    </div>
                    <div class="right-promoted">
                        <div class="right-pic"><a href="">
                            <img src="assets/img/20120216.jpg" alt="">
                        </a>
                        </div>
                        <div class="latest-news">
                            <h2 class="latest-tittle">最新动态</h2>
                            <ul>
                                <li><a href="" class="tooltip">[活动] 伊伴春鞋迎春大促</a></li>
                                <li><a href="" class="tooltip">[活动] 千百度冬靴新品火热让利</a></li>
                                <li><a href="" class="tooltip">[活动] COEY秋冬新品全场2.3折起</a></li>
                                <li><a href="" class="tooltip">[活动] 伊伴春鞋迎春大促</a></li>
                                <li><a href="" class="tooltip">[活动] 千百度冬靴新品火热让利</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="jinbrand">
                    <div class="jinbrandTab">
                        <h6 class="brand-activity">品牌活动</h6>
                        <ul>
                            <li class="sprot-red"><a href="">运动</a></li>
                            <li><a href="">女鞋</a></li>
                            <li><a href="">男鞋</a></li>
                            <li><a href="">童鞋</a></li>
                        </ul>
                    </div>
                    <div class="jinbrandcontent">
                        <div class="jinbrandlist">
                            <ul>
                                <li><a href=""><img src="assets/img/20120217.jpg" alt=""></a><span><a href="">耐克</a></span></li>
                                <li><a href=""><img src="assets/img/20120218.jpg" alt=""></a><span><a href="">阿迪达斯</a></span></li>
                                <li><a href=""><img src="assets/img/20120219.png" alt=""></a><span><a href="">李宁</a></span></li>
                                <li><a href=""><img src="assets/img/20120220.png" alt=""></a><span><a href="">安踏</a></span></li>
                                <li><a href=""><img src="assets/img/20120217.jpg" alt=""></a><span><a href="">耐克</a></span></li>
                                <li><a href=""><img src="assets/img/20120218.jpg" alt=""></a><span><a href="">阿迪达斯</a></span></li>
                                <li><a href=""><img src="assets/img/20120219.png" alt=""></a><span><a href="">李宁</a></span></li>
                                <li><a href=""><img src="assets/img/20120220.png" alt=""></a><span><a href="">安踏</a></span></li>
                                <li><a href=""><img src="assets/img/20120217.jpg" alt=""></a><span><a href="">耐克</a></span></li>
                                <li><a href=""><img src="assets/img/20120218.jpg" alt=""></a><span><a href="">阿迪达斯</a></span></li>
                                <li><a href=""><img src="assets/img/20120219.png" alt=""></a><span><a href="">李宁</a></span></li>
                                <li><a href=""><img src="assets/img/20120220.png" alt=""></a><span><a href="">安踏</a></span></li>
                            </ul>
                        </div>
                    </div>



                </div>
            </div>
        </div>
        <div class="footer">Copyright © 2009 - 2012 JaneShop Inc. </div>


        <script type="text/javascript" src="jquery-3.5.1.js"></script>
        <script>
            $(function (){
                $(".pic-tag li").mouseenter(function (){
                    $(this).addClass("three").siblings().removeClass("three")
                    var index=$(this).index()
                    $('.main-pic li').eq(index).addClass('one').siblings().removeClass('one')
                });

                $(".nav li").mouseenter(function (){
                    $(this).find('.jnNav').css('display','block')
                });
                $(".nav li").mouseleave(function () {
                    $(this).find('.jnNav').css('display', 'none')
                });

                $(".blue")

            })


        </script>
    </div>

</body>
</html>